import React from 'react'
import ReactDOM from 'react-dom/client'
import App from './App'
import {ConfigProvider} from 'antd'
import 'antd/dist/reset.css'
import './styles/globals.css'

ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
  <React.StrictMode>
    <ConfigProvider
      theme={{
        token: {
          // Primary color palette
          colorPrimary: '#1890ff',
          colorSuccess: '#52c41a',
          colorWarning: '#faad14',
          colorError: '#ff4d4f',
          colorInfo: '#13c2c2',

          // Background colors
          colorBgLayout: '#f5f7fa',
          colorBgContainer: '#ffffff',

          // Border and surface
          borderRadius: 12,
          colorBorder: '#e8eaed',

          // Typography
          colorText: '#1d2129',
          colorTextSecondary: '#4e5969',
          fontSize: 14,

          // Motion
          motionDurationFast: '0.1s',
          motionDurationMid: '0.2s',
          motionDurationSlow: '0.3s',
        },
        components: {
          // Layout enhancements
          Layout: {
            bodyBg: '#f5f7fa',
            siderBg: '#ffffff',
          },

          // Button enhancements
          Button: {
            borderRadius: 8,
          },

          // Input enhancements
          Input: {
            borderRadius: 8,
          },
        },
      }}
    >
      <App />
    </ConfigProvider>
  </React.StrictMode>
)